.hx-journal-mail-item-container {
  padding: 22px 16px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 4px 4px;

  display: block;
  text-decoration: none;

  &:hover {
    background-color: #F6FAFF;
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  }

  .hx-journal-mail-item-cover {
    .ant-image {
      display: block;
      .ant-image-img {
        width: 100%;
        aspect-ratio: 182/242;
        display: block;
      }
    }
  }

  .hx-journal-mail-item-content {
    margin-top: 12px;

    .hx-journal-mail-item-title {
      font-weight: 600;
      font-size: 20px;
      color: #4E4E4E;

      display: -webkit-box;     /* 必须 */
      -webkit-box-orient: vertical; /* 必须 */
      -webkit-line-clamp: 1;    /* 限制行数 */
      overflow: hidden;
    }

    .hx-journal-mail-item-price {
      .hx-journal-mail-item-discount-price {
        font-weight: 600;
        font-size: 20px;
        color: #E92B00;
        height: 28px;
        line-height: 28px;

        .jm-currency {
          font-size: 14px;
          color: #4E4E4E;
        }

        .jm-desc {
          font-size: 12px;
          color: #969696;

        }
      }

      .hx-journal-mail-item-original-price {
        font-weight: 400;
        font-size: 12px;
        color: #BEBEBE;
        text-decoration-line: line-through;
      }
    }
  }
}
